﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>

    <script type="text/javascript" src="jquery-1.2.6-vsdoc.js"></script>

   <script type="text/javascript">
       var Tween = {
           Bounce: {
               easeIn: function(t, b, c, d) {
                   return c - Tween.Bounce.easeOut(d - t, 0, c, d) + b;
               },
               easeOut: function(t, b, c, d) {
                   if ((t /= d) < (1 / 2.75)) {
                       return c * (7.5625 * t * t) + b;
                   } else if (t < (2 / 2.75)) {
                       return c * (7.5625 * (t -= (1.5 / 2.75)) * t + .75) + b;
                   } else if (t < (2.5 / 2.75)) {
                       return c * (7.5625 * (t -= (2.25 / 2.75)) * t + .9375) + b;
                   } else {
                       return c * (7.5625 * (t -= (2.625 / 2.75)) * t + .984375) + b;
                   }
               },
               easeInOut: function(t, b, c, d) {
                   if (t < d / 2) return Tween.Bounce.easeIn(t * 2, 0, c, d) * .5 + b;
                   else return Tween.Bounce.easeOut(t * 2 - d, 0, c, d) * .5 + c * .5 + b;
               }
           }
       }
       var t = 0, b = 50, c = 300, d = 150;
       function StartTween() {
           var div = document.getElementById("divTween");
           var btn = document.getElementById("btnTween");
           btn.disabled = true;
           div.style.top = Math.ceil(Tween.Bounce.easeOut(t, b, c, d)) + "px";
           if (t < d) {
               t++;
               window.setTimeout(StartTween, 10);
           }
           else {
               window.setTimeout(function() { div.style.top = "50px"; t = 0; btn.disabled = false; }, 1000);
           }
       }
   </script>

</head>
<body>
    <div id="divTween" style="position:absolute; top:50px; left:50px; width: 50px; height: 50px; background-color: #000;"></div>
    <input type="button" value="开始" onclick="StartTween();" id="btnTween" />
    <form id="myform" action="">
    <p>
        <span id="abc" class="a">I am master</span> <span id="def" class="b">I am child</span>
        <input type="text" id="txt1" />
        <input type="checkbox" id="cb1" checked="" />
        <input type="radio" />
    </p>
    <select id="selTest" style="width:50px;">
        <option selected="selected" value="0"></option>
        <option value="190" title="Advanced Integration Systems Limited">123321</option>
        <option value="230">123321</option>
        <option value="88">AIA Insurance Group</option>
        <option value="62">AIS</option>
        <option value="2">Advanced Integration Systems Limited</option>
        <option value="334">C-xxx</option>
        <option value="1">Dah Cheong Hong</option>
        <option value="23">Government</option>
        <option value="25">IBM Limited</option>
        <option value="81">Kadin Testing Customer</option>
        <option value="351">King1</option>
        <option value="253">See</option>
        <option value="109">Shell Oil Company Limited</option>
        <option value="22">Swire Limited</option>
        <option value="85">Wong's Lam Tei</option>
        <option value="252">ads</option>
        <option value="89">business to Business Internet Services</option>
        <option value="330">king</option>
        <option value="270">rwerwqr</option>
        <option value="332">vendor-X</option>
    </select>
    <table>
        <thead>
            <tr>
                <th>
                    one
                </th>
                <th>
                    two
                </th>
            </tr>
        </thead>
        <tbody>
            <tr style="display: none;">
                <td>
                    <input type="hidden" />
                </td>
                <td>
                    2
                </td>
            </tr>
            <tr>
                <td>
                    3
                </td>
                <td>
                    4
                </td>
            </tr>
            <tr>
                <td>
                </td>
                <td>
                </td>
            </tr>
        </tbody>
    </table>
    <div style="background-color: #cbcbcb; width: 100px;">
        this is div.
    </div>
    </form>
</body>
</html>

<script type="text/javascript" src="Test.js"></script>

